<div name='T_522d' >
    <div name='T_6f83'  className="g-user">
        <div name='T_d23c'  className="c-layout clearfix">
            <SliderComponent name='T_98b3'  data={this.props.data.slider}></SliderComponent>
            <div name='T_10a8'  className="m-content" id="m-content">
                <div name='T_ab88'  className="m-card">
                    <div name='T_91dc'  className="info-title">
                        <div name='T_7577'  className="title-location">
                            <a name='T_5527'  href="/order_manage">我的订单 &gt; </a><span name='T_df33' >订单详情</span>
                        </div>
                        <h2 name='T_2859'  style={{'color':'#333'}}>主单号：{info.waybillNo}</h2>
                    </div>
                    <div name='T_7f69'  className="detail-progress">
                        <ul name='T_67b9' >
                            <li name='T_8409'  className={orderStatusCode>= 1 ? 'active' : ''}>
                                <div name='T_0a3a'  className="progress-icon progress-icon-1"></div>
                                <p name='T_b19f' >草稿</p>
                            </li>
                            <li name='T_dea2'  className={orderStatusCode>= 1 ? 'progress-dot active' : 'progress-dot'}>
                                {'\u2022\u2003\u2022\u2003\u2022\u2003\u2022'}
                            </li>
                            <li name='T_e022'  className={orderStatusCode>= 2 ? 'active' : ''}>
                                <div name='T_3eda'  className="progress-icon progress-icon-2"></div>
                                <p name='T_775b' >已提交</p>
                            </li>
                            <li name='T_518c'  className={orderStatusCode>= 2 ? 'progress-dot active' : 'progress-dot'}>
                                {'\u2022\u2003\u2022\u2003\u2022\u2003\u2022'}
                            </li>
                            <li name='T_956f'  className={orderStatusCode>= 3 ? 'active' : ''}>
                                <div name='T_219b'  className="progress-icon progress-icon-3"></div>
                                <p name='T_20b9' >已受理</p>
                            </li>
                            <li name='T_b473'  className={orderStatusCode>= 3 ? 'progress-dot active' : 'progress-dot'}>
                                {'\u2022\u2003\u2022\u2003\u2022\u2003\u2022'}
                            </li>
                            <li name='T_e057'  className={orderStatusCode>= 4 ? 'active' : ''}>
                                <div name='T_0e17'  className="progress-icon progress-icon-4"></div>
                                <p name='T_d102' >已收货</p>
                            </li>
                            <li name='T_ad8f'  className={orderStatusCode>= 4 ? 'progress-dot active' : 'progress-dot'}>
                                {'\u2022\u2003\u2022\u2003\u2022\u2003\u2022'}
                            </li>
                            <li name='T_b103'  className={orderStatusCode>= 5 ? 'active' : ''}>
                                <div name='T_a552'  className="progress-icon progress-icon-5"></div>
                                <p name='T_d1ce' >运输中</p>
                            </li>
                            <li name='T_ce39'  className={orderStatusCode>= 5 ? 'progress-dot active' : 'progress-dot'}>
                                {'\u2022\u2003\u2022\u2003\u2022\u2003\u2022'}
                            </li>
                            <li name='T_acd6'  className={orderStatusCode>= 6 ? 'active' : ''}>
                                <div name='T_1b35'  className="progress-icon progress-icon-6"></div>
                                <p name='T_7232' >配送中</p>
                            </li>
                            <li name='T_36b6'  className={orderStatusCode>= 6 ? 'progress-dot active' : 'progress-dot'}>
                                {'\u2022\u2003\u2022\u2003\u2022\u2003\u2022'}
                            </li>
                            <li name='T_c1da'  className={orderStatusCode>= 7 ? 'active' : ''}>
                                <div name='T_ace0'  className="progress-icon progress-icon-7"></div>
                                <p name='T_4c7b' >已签收</p>
                            </li>
                        </ul>
                    </div>
                    <div name='T_767b'  className="card-con card-logistics">
                        {
                            list.map(function (item) {
                                return (
                                    <div name='T_6e94'  className="log-list">
                                        <div name='T_4c41'  className="log-card-title">
                                            <div name='T_e787'  className="card-sub-num">子单号：{item.subNum}</div>
                                            <i name='T_e35f'  className="u-child-expend"></i>
                                        </div>
                                        <ul name='T_34b6'  className="log-card-con">
                                            {
                                                item.subInfo.map(function (infolist) {
                                                    return (
                                                        <li name='T_359b'  className="clearfix">
                                                            <i name='T_3eb6'  className="circle"></i>
                                                            <div name='T_5fd6'  className="log-card-time">
                                                                {infolist.messageTime}
                                                            </div>
                                                            <div name='T_41b9'  className="log-card-detail">
                                                                {infolist.trackMessage}
                                                            </div>
                                                        </li>
                                                    );
                                                })
                                            }
                                        </ul>
                                    </div>
                                );
                            })
                        }
                    </div>
                </div>

                <div name='T_c0a7'  className="m-card">
                    <div name='T_6f0c'  className="card-title">基本信息</div>
                    <table name='T_c1df'  className="card-con card-info">
                        <tr name='T_ecca' >
                            <td name='T_df38' >客户单号: {info.externalNo}</td>
                            <td name='T_76f8' >产品: {info.productName}</td>
                            <td name='T_08cc' >货物类型：{info.cargoTypeName}</td>
                            <td name='T_47ff' >货物件数：{info.packageNum}</td>
                        </tr>
                        <tr name='T_99f8' >
                            <td name='T_114f' >预估总重：{ info.cusWeight ? info.cusWeight + info.cusWeightUnit : '/' }</td>
                            <td name='T_ea23' >实际总重：{ info.feeWeight ? info.feeWeight + info.feeWeightUnit : '/' }</td>
                            <td name='T_ef62' >计费重：{ info.feeCalcWeight ? info.feeCalcWeight + info.feeCalcWeightUnit : '/' }</td>
                            <td name='T_f9d6' >创建时间：{info.createTime}</td>
                        </tr>
                    </table>
                    <div name='T_b753'  className="card-title subtitle">子单信息</div>
                    <table name='T_f721'  className="card-con card-info">
                        {info.ordSubOrderDtos.map(function (item, index) {
                            return (
                                <tr name='T_d1df' >
                                    <td name='T_8689' >子单号：{item.subOrderNo}</td>
                                    <td name='T_683e' >重量：{ item.weight ? item.weight + item.weightUnit : '/'}</td>
                                    <td name='T_011b' >体积{item.lwhUnit ? '(' + item.lwhUnit + '): ' : ': '}{item.lwhValue}</td></tr>
                            );
                        })}
                    </table>
                    <div name='T_e817'  className="card-title">
                        物品信息
                        <div name='T_1662'  className="m-icon-help">
                            <i name='T_aa0d'  className="help-icon"></i>
                            <div name='T_ce0a'  className="help-tips">
                                <i name='T_47f1'  className="cor"></i>
                                当单票物品的声明价值高于每票XX元货每千克XX元的较大值时，将按照物品运单上填写声明价值的XX%收取附加费，最低XX元，详见最终账单。
                            </div>
                        </div>
                    </div>
                    <div name='T_9fe2'  className="card-con card-goods">
                        <table name='T_f9da'  className="goods-table">
                            <thead name='T_ed08' >
                                <tr name='T_43a3' >
                                    <th name='T_c11a'  width="15%">物品名称</th>
                                    <th name='T_ab71'  width="15%">英文名称</th>
                                    <th name='T_c9bb'  width="15%">HS编码</th>
                                    <th name='T_e86d'  width="10%">数量</th>
                                    <th name='T_4bf8'  width="10%">计量单位</th>
                                    <th name='T_5a96'  width="15%">声明单价(CNY)</th>
                                    <th name='T_36d8'  width="20%">物品描述</th></tr>
                            </thead>
                            <tbody name='T_7d03' >
                                {info.orderCargoDtos.map(function (item, index) {
                                    return (
                                        <tr name='T_c017' >
                                            <td name='T_6170' >{item.goodsNameCn}</td>
                                            <td name='T_8e3d' >{item.goodsNameEn}</td>
                                            <td name='T_40ed' >{item.hsCode}</td>
                                            <td name='T_0747' >{item.goodsNumber}</td>
                                            <td name='T_aaa3' >{item.goodsUnitName}</td>
                                            <td name='T_1eb0' >{item.goodsPrice}</td>
                                            <td name='T_75a3' >{item.description}</td></tr>
                                    );
                                })}
                            </tbody>
                        </table>
                    </div>
                </div>

                <div name='T_8830'  className="m-card">
                    <ul name='T_ff77'  className="card-route">
                        <li name='T_cfd4' >{ info.fromAddress.cityName + '(' + info.fromAddress.countryCode + ')' }</li>
                        <li name='T_16d7'  className="card-route-arrow"></li>
                        <li name='T_7d79' >{ info.toAddress.cityName + '(' + info.toAddress.countryCode + ')' }</li>
                    </ul>
                    <div name='T_20f8'  className="card-address clearfix">
                        <li name='T_239c'  className="card-con clearfix" style={{ width: hasReceived ? '33%' : '50%' }}>
                            <div name='T_d43f'  className="card-title">发件地址</div>
                            <div name='T_f9d2'  className="card-address-content">
                                <p name='T_1ba4' >{ info.fromName }</p>
                                <p name='T_36af' >
                                    { info.fromAddress.countryName }
                                    { info.fromAddress.provinceName ? info.fromAddress.provinceName : '' }
                                    { info.fromAddress.cityName ? info.fromAddress.cityName : '' }
                                    { info.fromAddress.transportName ? info.fromAddress.transportName : '' }
                                    { info.fromAddress.districtName ? info.fromAddress.districtName : '' }
                                    { info.fromAddress.streetName ? info.fromAddress.streetName : '' }
                                    { info.fromAddress.address ? info.fromAddress.address : '' }
                                    { info.fromAddress.postcode ? ', ' + info.fromAddress.postcode : '' }
                                </p>
                                <p name='T_cb85' >
                                    { info.fromPhone }
                                    { info.fromTelephone ? ', ' + info.fromTelephone : '' }
                                </p>
                                <p name='T_e267' >{ info.fromAddress.email }</p>
                            </div>
                        </li>
                        <li name='T_b7c1'  className="card-con clearfix" style={{ width: hasReceived ? '33%' : '50%' }}>
                            <div name='T_d397'  className="card-title">收件地址</div>
                            <div name='T_5e67'  className="card-address-content">
                                <p name='T_1e53' >{ info.toName }</p>
                                <p name='T_5730' >
                                    { info.toAddress.countryName }
                                    { info.toAddress.provinceName ? info.toAddress.provinceName : '' }
                                    { info.toAddress.cityName ? info.toAddress.cityName : '' }
                                    { info.toAddress.transportName ? info.toAddress.transportName : '' }
                                    { info.toAddress.districtName ? info.toAddress.districtName : '' }
                                    { info.toAddress.streetName ? info.toAddress.streetName : '' }
                                    { info.toAddress.address ? info.toAddress.address : '' }
                                    { info.toAddress.postcode ? ', ' + info.toAddress.postcode : '' }
                                </p>
                                <p name='T_55c3' >
                                    { info.toPhone }
                                    { info.toTelephone ? ', ' + info.toTelephone : '' }
                                </p>
                                <p name='T_4006' >{ info.toAddress.email }</p>
                            </div>
                        </li>
                        { hasReceived &&
                            <li name='T_de8d'  className="card-con clearfix" style={{ width: hasReceived ? '33%' : '' }}>
                                <div name='T_4121'  className="card-title">提货地址</div>
                                <div name='T_f51d'  className="card-address-content">
                                    <p name='T_3a6e' >{ info.fetchName }</p>
                                    <p name='T_9c20' >
                                        { info.fetchAddress.countryName }
                                        { info.fetchAddress.provinceName ? info.fetchAddress.provinceName : '' }
                                        { info.fetchAddress.cityName ? info.fetchAddress.cityName : '' }
                                        { info.fetchAddress.transportName ? info.fetchAddress.transportName : '' }
                                        { info.fetchAddress.districtName ? info.fetchAddress.districtName : '' }
                                        { info.fetchAddress.streetName ? info.fetchAddress.streetName : '' }
                                        { info.fetchAddress.address ? info.fetchAddress.address : '' }
                                        { info.fetchAddress.postcode ? ', ' + info.fetchAddress.postcode : '' }
                                    </p>
                                    <p name='T_3165' >
                                        { info.fetchPhone }
                                        { info.fetchTelephone ? ', ' + info.fetchTelephone : '' }
                                    </p>
                                    <p name='T_32dc' >{ info.fetchAddress.email }</p>
                                </div>
                            </li>
                        }
                    </div>
                </div>

                <div name='T_466b'  className="m-card">
                    <div name='T_d40d'  className="card-title">更多信息</div>
                    <div name='T_b6a0'  className="card-title subtitle">附件信息</div>
                    <div name='T_36d0'  className="card-con card-files">
                        <div name='T_e78b'  id="listFileContent"></div>
                    </div>
                    <div name='T_3c1f'  className="card-title subtitle">客户留言</div>
                    <div name='T_4266'  className="card-con card-remarks">
                        {info.customerNote}
                    </div>
                </div>

            </div>
        </div>
        <div name='T_a8aa'  id="slides"></div>
    </div>
</div>
